<script type="text/javascript">
	$(document).ready(function(){
		//set tabs 
		$( "#tabs" ).tabs({collapsible: true});

		$("#print_type").change(function(){
			$.post("<?=base_url()?>history/ajax_status",{
				ajax_print_type: $(this).val()
			},
				function(result){
					$("#print").html(result);
				}
			);
		});

		
	});
</script>

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">รายการจอง</a></li>
	</ul>

	<div id="tabs-1">
		<span>แสดงข้อมูลตามสถานะ&nbsp;
			<select name="print_type" id="print_type">
				<option value="all">ทั้งหมด</option>
				<option value="approve">อนุมัติแล้ว</option>
				<option value="unapprove">ยังไม่อนุมัติ</option>
			</select>
		</span>
		
		<div id="print">
		<table border="0" class ="datatable">
			<tr>
				<th>ห้อง</th>
				<th>วันที่ทำการจอง</th>
				<th>เวลาที่ทำการจอง</th>
				<th>วันที่ต้องการใช้งาน</th>
				<th>เวลาที่ต้องการใช้งาน</th>
				<th>สถานะ</th>
			</tr>
	<?php 
			foreach ($myhistory as $row) {
	?>
			<tr>
				<td><?=$row->roomname?></td>
				<td><?=$row->resdate?></td>
				<td><?=$row->restime?></td>
				<td><?=$row->usedate?></td>
				<td><?=$row->usetime_start?>&nbsp;-&nbsp;<?=$row->usetime_end?>&nbsp;น.</td>
				<td>
	<?php 
					if($row->resstatus == 0){
						echo "ยังไม่อนุมัติ";
					}
					if($row->resstatus == 1){
						echo "อนุมัติแล้ว";
					}
	?>
				</td>
			</tr>
	<?php 
			}
	?>
		</table>
		</div>
	</div>
	
</div>